// 定位

/* S 方向 */
$position-values: (
  0: 0,
  4: 4rpx,
  10: 10rpx,
  16: 16rpx,
  18: 18rpx,
  24: 24rpx,
  28: 28rpx,
  32: 32rpx,
  36: 36rpx,
  40: 40rpx,
  48: 48rpx,
  80: 80rpx,
  p5: 5%,
  p10: 10%,
  p15: 15%,
);
@each $k, $v in $position-values {
  .top-#{$k} {
    top: $v;
  }
  .n-top-#{$k} {
    top: -$v;
  }

  .right-#{$k} {
    right: $v;
  }
  .n-right-#{$k} {
    right: -$v;
  }

  .bottom-#{$k} {
    bottom: $v;
  }
  .n-bottom-#{$k} {
    bottom: -$v;
  }

  .left-#{$k} {
    left: $v;
  }
  .n-left-#{$k} {
    left: -$v;
  }
}
/* E 方向数值 */

/* S 定位居中 */
.position-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.position-x-center {
  left: 50%;
  transform: translateX(-50%);
}
.position-y-center {
  top: 50%;
  transform: translateY(-50%);
}
/* E 定位居中 */

/* S 定位平铺 */
.position-full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* E 定位平铺 */

/* S 定位 */
$position-values: (relative,absolute,fixed,sticky,static);
@each $v in $position-values {
  .#{$v} {
    position: $v;
  }

  .i-#{$v} {
    position: $v !important;
  }
}
/* #ifndef APP-NVUE */
$position-values: (static);
@each $v in $position-values {
  .#{$v} {
    position: $v;
  }
}
/* #endif */
/* E 定位 */

/* S 层级权重 */
/* #ifndef APP-NVUE */
$zIndex-values: (
  0: 0,
  1: 10,
  2: 20,
  3: 30,
  4: 40,
  5: 50,
  auto: auto
);
@each $k, $v in $zIndex-values {
  .z-#{$k} {
    z-index: $v;
  }

  .zn-#{$k} {
    z-index: -$v;
  }
}
/* #endif */
/* E 层级权重 */
